<template>
  <div class="table">
     <el-table
      v-loading="loading"
      :data="tableData"
      height="500"
      border
      style="width: 100%;">
      <el-table-column
        prop="ymd"
        label="日期"
        width="180">
      </el-table-column>
      <el-table-column
        prop="week"
        label="星期"
        width="180">
      </el-table-column>
      <el-table-column
        prop="type"
        label="天气"
        width="180">
      </el-table-column>
      <el-table-column
        prop="low"
        label="最低温度">
      </el-table-column>
      <el-table-column
        prop="high"
        label="最高温度">
      </el-table-column>
      <el-table-column
        prop="sunrise"
        label="日出时间">
      </el-table-column>
      <el-table-column
        prop="sunset"
        label="日落时间">
      </el-table-column>
      <el-table-column
        prop="fx"
        label="风向">
      </el-table-column>
      <el-table-column
        prop="fl"
        label="风级">
      </el-table-column>
      <el-table-column
        prop="notice"
        label="注意">
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  name: "Table",
  props:["tableData","loading"],
  data() {
        return {
          // tableData:this.weatherData
        };
      },
  methods: {
    
  },
  created(){
    
  },
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>